.no-select{user-select: none;}
.no-scroll{width: 100vw; height: 100vh; overflow: hidden;}
img.bg{-webkit-user-select: none;user-select: none;}
.input{display: flex; align-items: center;}
.input input{flex: 1; font-size: inherit; font-weight: inherit; padding-left: 10px;}
.pop{width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 999; display: none;}
.pop.on{display: block;}
.close-btn{position: absolute; right: 2vw; top: 2vw; color: #fff; transition: 1s; cursor: pointer;}
.close-btn:hover{transform: rotate(180deg);}
.edit-box{line-height: var(--lh, 1.5); font-size: inherit;}
.edit-box p{line-height: inherit; font-size: inherit;}
.edit-box img{max-width: 100%;}
.click{cursor: pointer;}
.imgbg{background-size: cover; background-position: center; background-repeat: no-repeat;}
.imgbox{font-size: 0; line-height: 1; /*overflow: hidden;*/ display: flex; align-items: center; justify-content: center;}
.imgbox img{width: 100%; transition: 2s;}
.size{width: var(--size); height: var(--size);}
.full{width: 100%; height: 100%;}
.w-full{width: 100%;}
.h-full{height: 100%;}
.bold{font-weight: bold;}

.enlarge,
.enlarge-img img{transition: .6s;}
.enlarge:hover,
.enlarge-img:hover img{transform: scale(1.05);}

.no-wrap{word-break: break-all; white-space: nowrap;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

/* 限制文本行数 */
.limit{
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
	-webkit-line-clamp: var(--limit, 1);
}
.limit2{--limit: 2;}
.limit3{--limit: 3;}
.limit4{--limit: 4;}
.limit5{--limit: 5;}
/* 旋转 */
.r-45{transform: rotate(-45deg); display: inline-block;}
.r45{transform: rotate(45deg); display: inline-block;}
.r-90{transform: rotate(-90deg); display: inline-block;}
.r90{transform: rotate(90deg); display: inline-block;}
.i-arr{font-size: 12px;}

/* flex */
.flex{display: flex; align-items: center;}
.flex-cer{display: flex; align-items: center; justify-content: center;}
.flex-col{flex-direction: column; align-items: unset;}
.flex-wrap{flex-wrap: wrap;}
.ai-unset{align-items: unset !important;}
.ai-start{align-items: flex-start !important;}
.ai-end{align-items: flex-end !important;}
.ai-cer{align-items: center !important;}
.jc-sb{justify-content: space-between;}
.jc-start{justify-content: flex-start;}
.jc-end{justify-content: flex-end;}
.jc-cer{justify-content: center;}
.flex-1{flex: 1;}

.cer{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cerX{position: absolute; left: 50%; transform: translateX(-50%);}
.cerY{position: absolute; top: 50%; transform: translateY(-50%);}

.fc-f{color: #fff;}
.fc-f a{color: #fff;}
.fc-3{color: #333;}
.fc-3 a{color: #333;}
.fc-0{color: #000;}
.fc-0 a{color: #000;}

.rel{position: relative;}

/* 圆 */
.circle{
  width: var(--size);
  height: var(--size);
  background: var(--bg, #fff);
  color: var(--color);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.8s;
}

ul.list{display: flex; flex-wrap: wrap; margin-left: calc(0px - var(--space)); margin-right: calc(0px - var(--space));}
ul.list.nowrap{flex-wrap: nowrap;}
ul.list li{width: calc(100% / var(--num)); padding-left: calc(var(--space) / 2); padding-right: calc(var(--space) / 2); margin-bottom: var(--space);}
ul.list li a.box{width: 100%; height: 100%; background: var(--box-color); transition: background .5s;}
/* S 分页 */
.paging{display: flex; align-items: center; justify-content: center;}
.paging .iconfont{color: #cccccc; font-size: 14px;}
.paging .item{width: var(--size); height: var(--size); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 10px;}
.paging .item:hover,
.paging .item.on{background: var(--theme-color); color: #fff;}
/* E 分页 */

/* S 面包屑导航 */
.crumbs{display: flex; align-items: center; color: #adadad; font-size: 14px;}
.crumbs .iconfont{color: var(--bg, #666); font-size: var(--icon-size, 12px);}
.crumbs a{color: inherit; font-size: inherit;}
.crumbs > *{margin-left: 5px;}
.crumbs a:hover{color: var(--theme-color);}
/* E 面包屑导航 */